
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Album example · Bootstrap v5.1</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">

    

    <!-- Bootstrap core CSS -->
<!-- <link href="../static/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
<link href="../static/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>

    
  </head>
  <body>
    
<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">
        <img src="../static/images/logo.png" alt="logo" width="40" height="40" >
        <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
        <strong style="font-size:25px; padding-left:20px;">易云——小功能网站</strong>

      </a>
      <a href="http://127.0.0.1:5000/">
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      </a>

    </div>
  </div>
</header>

<main>

      <section class="text-center">
    <!--           <h2 class="fw-light">Python 期末项目</h2>  -->
    <h3 class="fw-light">指导老师：<a href="https://cnblogs.com/xuzhichao">许智超老师</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;学生：<a href="http://cai_hongjia.gitee.io/resume/">蔡洪嘉</a> &emsp;  <a href="https://cai_hongjia.gitee.io/cai_hongjia/">个人博客</a></h3>
        </section>
    

  <div class="container py-4">
    <header class="mb-4 border-bottom">

    </header>
  
    <div class="p-5 mb-4 bg-light rounded-4">
      <div class="container-fluid py-5">
        <h1 class="display-5 fw-bold"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">购物车项目（开发中）</font></font></h1>
        <p class="col-md-8 fs-4"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">模拟购物商城，用户可进行添加购物车购买商品等操作。</font><font style="vertical-align: inherit;"><br>-点击下方按钮，体验模拟购物商城。</font></font></p>
        <a href="/shopping">
        <button class="btn btn-primary btn-lg rounded-4" type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">启动购物车项目</font></font></button>
        </a>
      </div>
    </div>
  
    <div class="mb-4 row align-items-md-stretch rounded-4">
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light rounded-4">
          <h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">批量文件命名</font></font></h2>
          <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">-用户可通过输入路径、前缀和初始序号后，点击按钮，程序会对指定文件进行批量命名。</font><font style="vertical-align: inherit;"><br>-点击下方按钮，体验批量文件命名。</font></font></p>
          <a href="/rename">
          <button class="btn btn-primary btn-lg rounded-4" type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">启动批量命名</font></font></button>
          </a>
        </div>
      </div>
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light rounded-4">
          <h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">BMI计算器</font></font></h2>
          <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">-用户输入身高、体重后，程序通过运算得出您的BMI身体质量指数，并根据指数提供建议。</font><font style="vertical-align: inherit;"><br>-点击下方按钮，体验BMI身体质量指数计算器。</font></font></p>
          <a href="/bmi">
            <button class="btn btn-primary btn-lg rounded-4" type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">启动BMI计算器</font></font></button>
          </a>
          </div>
      </div>
    </div>
    <div class="mb-4 row align-items-md-stretch rounded-4">
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light rounded-4">
          <h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">名字全称拼写</font></font></h2>
          <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">-用户可通过输入名、字后，程序可输出用户所输入的名字全称拼写。</font><font style="vertical-align: inherit;"><br>-点击下方按钮，体验名字全称拼写。</font></font></p>
          <a href="/name">
          <button class="btn btn-primary btn-lg rounded-4" type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">启动全名拼写</font></font></button>
          </a>
        </div>
      </div>
      <div class="col-md-6">
        <div class="h-100 p-5 bg-light rounded-4">
          <h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">元音词频统计</font></font></h2>
          <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">-用户随机输入单词后，程序通过运算可统计并输出单词中元音字母的词频。</font><font style="vertical-align: inherit;"><br>-点击下方按钮，体验元音词频统计。</font></font></p>
          <a href="/word">
            <button class="btn btn-primary btn-lg rounded-4" type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">启动词频统计</font></font></button>
          </a>
          </div>
      </div>
    </div>
    
  
    <footer class="py-2 mt-4 text-muted border-top">
      <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
      © 2021 蔡洪嘉
    </font></font></footer>
    <p><br>参考链接：</p>
    <a href="https://dormousehole.readthedocs.io/en/latest/quickstart.html#id10">Flask文档</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://cnblogs.com/xuzhichao">许老师博客</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://gitee.com/xzhichao">许老师Gitee</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://www.runoob.com/python/python-tutorial.html">菜鸟教程</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://www.w3school.com.cn/html/index.asp">W3school</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://blog.csdn.net/nav/python">CSDN社区</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://docs.python.org/zh-cn/3/reference/index.html">Python官网文档</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    
    
    
  </div>
</main>

<footer class="text-muted py-2">
  <div class="container">
    <p class="float-end mb-2">
      <a href="#">Back to top</a>
    </p>
    </div>
</footer>


    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

      
  </body>
</html>

